<template>
	<!--  -->
	<view class="bj" :style="{ paddingTop: statusBarHeight + 'px' }">

		<view class="wrap">

			<view class="head">
				<text class="head-left">嘉会通</text>
				<text class="head-right">具体以申请产品为准</text>

			</view>
			<view class="tit">
				<text class="tit-left">为您推荐</text>
				<text class="tit-right">度小满-有钱花</text>

			</view>

		</view>

		<view class="gobutton" @click="loginclick">
			<text>申请提现</text>
		</view>


	</view>


</template>


<script>
	export default {
		methods: {
			loginclick() {
				uni.navigateTo({
					url: '/pagesB/createRating/llHistory'
				});
			},
			onNavigationBarButtonTap(e) {
			  if (e.index === 0) {
			    this.onFilterClick();
			  }
			},
			 onFilterClick() {
			    uni.showToast({
			      title: '点击了筛选按钮',
			      icon: 'none'
			    });
			  }
		},
		mounted() {
			this.statusBarHeight = this.$statusBarHeight();



		},
		data() {
			return {
				statusBarHeight: 0
			}
		},
		
	}
</script>


<style lang="scss" scoped>
	.bj {
		background-image: url('@/static/createRate/audite.png');
		background-size: 100% 100%;
		height: 1624rpx;
		width: 100%;

	}
	.tit{

		margin-top: 70rpx;
		margin-left: 20rpx;
	}
	.tit-left{
		margin-right: 40rpx;
		width: 112rpx;
		height: 40rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 28rpx;
		color: #333333;
		text-align: left;
		font-style: normal;
		text-transform: none;
	}
	.tit-right{
		width: 186rpx;
		height: 40rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 28rpx;
		color: #333333;
		text-align: left;
		font-style: normal;
		text-transform: none;
	
	}

	.head {
		display: flex;
		align-items: center;
		padding-top: 48rpx;

		.head-right {
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 24rpx;
			color: #D9D9D9;
			// line-height: 40rpx;
			text-align: left;
			font-style: normal;
			text-transform: none;
		}

		.head-left {
			width: 128rpx;
			height: 40rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 600;
			font-size: 32rpx;
			color: #FFFFFF;
			line-height: 40rpx;
			text-align: left;
			font-style: normal;
			text-transform: none;
		}
	}

	.wrap {
		padding: 0 30rpx;
	}

	.gobutton {
		position: absolute;
		top: 550rpx;
		left: 50%;
		transform: translateX(-50%);
		width: 80%;
		height: 90rpx;
		background: linear-gradient(to right, #59b3ff, #4a8dff);
		border-radius: 45rpx;
		color: #fff;
		font-size: 30rpx;
		font-weight: bold;
		text-align: center;
		line-height: 90rpx;
		box-shadow: 0 10rpx 20rpx rgba(0, 0, 0, 0.2);
	}
</style>